/*@font-face {*/
/*font-family: aaa; */
/*src: url('../font/aaa.ttf'); !* Safari, Android, iOS */
/*}*/

html, body {
    height: 100%;
    /* font-family: aaa; */
}

body {
    /*background: #74edff;*/
    background-size: 100%;
    font-weight: bolder;
}

img {
    width: 100%;
}

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}

input {
    border-radius: 0;
}

/*内容区样式*/
.step-content {
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    /*justify-items: center;*/
    /*flex-direction: column;*/
    width: 100%;
    height: auto;
    padding: 0.266667rem 0;
    scroll-behavior: smooth;

}

/*内容切换动画*/
.step-animation {
    animation: stepShow .5s;
    -moz-animation: stepShow .5s; /* Firefox */
    -webkit-animation: stepShow .5s; /* Safari 和 Chrome */
    -o-animation: stepShow .5s;
}

@keyframes stepShow {
    from {
        margin-left: 100%;
    }
    to {
        margin-left: 0;
    }
}

@-moz-keyframes stepShow /* Firefox */
{
    from {
        margin-left: 100%;
    }
    to {
        margin-left: 0;
    }
}

@-webkit-keyframes stepShow /* Safari 和 Chrome */
{
    from {
        margin-left: 100%;
    }
    to {
        margin-left: 0;
    }
}

@-o-keyframes stepShow /* Opera */
{
    from {
        margin-left: 100%;
    }
    to {
        margin-left: 0;
    }
}

.content-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    overflow: hidden;
    padding: 0.133333rem;
}

.content-img .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    font-weight: bolder;
}

.my-ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.my-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.my-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #00B0F0;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #00B0F0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #00B0F0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #00B0F0;
}

.my-flex {
    display: flex;
}

.my-relative {
    position: relative;
}

.text-info {
    color: #00B0F0;
}

.text-white {
    color: #ffffff;
}

.text-yellow {
    color: #feffb1;
}

.text-orange {
    color: #ff9536;
}

.text-orange1 {
    color: #ffdb35;
}

.text-gray {
    color: #a99dac;
}

.text-green {
    color: #84b51c;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.bg-yellow {
    background: rgb(255, 219, 53) !important;
}

.bg-gray {
    background: #dddcee
}

.p-10 {
    padding: 0.133333rem;
}

.p-20 {
    padding: 0.266667rem;
}

.p-30 {
    padding: 0.4rem;
}

.m-10 {
    margin: 0.133333rem;
}

.m-20 {
    margin: 0.266667rem;
}

.bg-purple {
    background: #9585f0 !important;
}

.bg-blue {
    background: #2ba7e7 !important;
}

.bg-pink {
    background: #ffc0d1 !important;
}

.bg-green {
    background: #58e4c9 !important;
}

.font-36 {
    font-size: 0.48rem;
}

.font-30 {
    font-size: 0.4rem;
}

.font-weight {
    font-weight: bolder;
}

.bg-img-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0, 0;
    background-color: rgb(221, 220, 238);
    border: 1px solid rgb(221, 220, 238);
    overflow: hidden;
}

.box-shadow {
    box-shadow: 1px 3px 1px 0px rgba(153, 153, 153, 0.8);
}